<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/jquery/jquery.js"></script>
</head>
<body>
<p style="color: red">我是iframe</p>
<button id="add">弹出层自适应</button>
<button id="close">关闭弹出层，传递信息</button>
<button id="new">在父窗口弹出信息</button>
</body>

</html>
<script>

    //parent : 父窗口对象 js全局对象 window.name window窗口名字
    let index = parent.layer.getFrameIndex(window.name) //获取子窗口索引

    //    当前弹出层自适应
    $('#add').on('click', function () {
        $('body').append("插入很多的文本内容" + "插入很多的文本内容" + "插入很多的文本内容");
        //自适应窗口
        parent.layer.iframeAuto(index);
    })

    //关闭弹出层，传递信息
    $('#close').on('click', function () {
        //    通过parent。layer传递值
        parent.layer.obj = '子窗口传递的值';
        parent.layer.close(index);//关闭弹出层
    })

    //在父窗口弹出信息
    $('#new').on('click', function () {
        parent.layer.msg('hi new ');
    })

</script>